<html>
<head>
<META NAME="TITLE" CONTENT="MOUSEOVER FORM STYLE BUTTON GENERATOR -  RN Hckr">
<meta name="ROBOTS" content="noindex,nofollow">
<TITLE>MOUSEOVER FORM STYLE BUTTON GENERATOR -  rnhckr.blogspot.in</TITLE>
<!--Created by SearchBliss/copyright 2012, All Right Reserved-->
<!--Get your own free generators at www.searchbliss.com-->
<script language="JavaScript">
var K0=window,Q1=document;function MakeIt(A2){var txt='';txt+=A2.stylestart.value+A2.bcolor.value+A2.styleend.value+'\r\n';txt+=A2.java.value+'\r\n';A2.code.value=txt;}function MakeIt2(A2){var txt='';txt+=A2.formstart.value+A2.bchange.value+A2.formmid.value+A2.bcolor.value+A2.formend.value+'\r\n';txt+=A2.start.value+A2.bname.value+A2.mover.value+A2.overcolor.value+A2.out.value+A2.tcolor.value+A2.down.value+A2.mdown.value+A2.stcolor.value+A2.tcolor.value+A2.font.value+A2.tfont.value+A2.fweight.value+A2.tweight.value+A2.fsize.value+A2.tsize.value+A2.click.value+A2.link.value+A2.end.value+'\r\n';txt+=A2.endform.value+'\r\n';A2.code2.value=txt;}
</script>

<STYLE type="text/css">
<!--
BODY {
      scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
    	scrollbar-shadow-color: #FFFFFF;
   	scrollbar-3dlight-color: #567FB7;
   	scrollbar-arrow-color: #567FB7;
   	scrollbar-track-color: #567FB7;
   	scrollbar-darkshadow-color:  #FFFFFF;
}
-->
</STYLE>


<STYLE type="text/css">a{text-decoration:none}
</STYLE>

<style fprolloverstyle>A:hover {color: #F5D981}
</style>
<style>

.thisclass{background-color:#000099}

</style>
<script language="javascript">

function change(color){
var el=event.srcElement
if (el.tagName=="INPUT"&&el.type=="button")
event.srcElement.style.backgroundColor=color
}

function jumpto2(url){
window.location=url
}

</script>
</head>
<body bgcolor="#577EB7" text="#537BB7" link="#577EB7" vlink="#577EB7" alink="#577EB7" background="bluetiles.jpg" bgproperties="fixed">
<script language="JavaScript1.2">
/*Document frame Script-© Dynamic Drive (www.dynamicdrive.com)*/
if (document.all)
document.body.style.cssText="border:15 ridge #C8DBF9"
</script>
<div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0" width="600" background="tooltop.jpg" height="76" style="border-left: 1 solid #000000; border-right: 1 solid #000000; border-top: 1 solid #000000">
    <tr>
      <td>&nbsp; <img border="0" src="../../images/nav_m.gif" align="middle" width="8" height="8">
          <b><font face="Verdana,Arial,Helvetica" size="2" color="#44689D"></font></b></td>
    </tr>
    <tr>
      <td valign="middle" align="center"><b><font color="#537BB7" face="Verdana,Arial,Helvetica"><font size="4">
            Mouseover
            Button Generator </font>
            <font face="Arial" size="2"><i>( IE4+
            Only )</i></font></font></b></td>
    </tr>
  </table>
  </center>
</div>

       <div align="center">
        <table border="0" cellpadding="0" cellspacing="0" width="600" style="border-left: 1 solid #000000; border-right: 1 solid #000000; border-bottom: 1 solid #000000" bgcolor="#C8DBF9">
          <tr>
            <td valign="middle" align="center">
            <p align="center"><b><font face="Verdana,Arial,Helvetica" size="2"><i>&nbsp;<br>
            </i>
            </font><font face="Verdana,Arial,Helvetica" size="3">
            Mouse
            over and click the sample buttons below to see the effect.</font></b><i><font face="Arial" size="2"><br>
            &nbsp;</font></i>
              <table border="0" cellpadding="0" cellspacing="0" width="460">
                <tr>
                  <td valign="middle" align="center">
                    <form onMouseOver="change('#9999FF')" onMouseOut="change('#000099')">
<p align="center">
<input type="button" name="Button" class="thisclass" value="Sample" onMouseOver="this.style.color='#000099'" onMouseOut="this.style.color='#9999FF'" onMouseDown="this.style.color='#9999FF'" style="color: #9999FF; font-family: MS Sans Serif; font-weight: bold; font-size: 10pt" onClick="jumpto2('#')">
</form></td>
                </tr>
              <center>
                <tr>
                  <td width="491" valign="middle" align="center">
                    <p align="center"><b><font size="2" face="Verdana,Arial,Helvetica">&nbsp;&nbsp;Or
                    create a Mouseover Navigation Bar by placing the<br>
                    buttons side by side on your page:
                    </font></b><form onMouseOver="change('#FF9999')" onMouseOut="change('#990000')">
<p align="center">
<input type="button" name="Button" class="thisclass" value=" Sample " onMouseOver="this.style.color='#990000'" onMouseOut="this.style.color='#FF9999'" onMouseDown="this.style.color='#FF9999'" style="color: #FFE6E6; font-family: MS Sans Serif; font-weight: bold; font-size: 10pt; background-color: #860043" onClick="jumpto2('#')"><input type="button" name="Button1" class="thisclass" value=" Sample " onMouseOver="this.style.color='#990000'" onMouseOut="this.style.color='#FF9999'" onMouseDown="this.style.color='#FF9999'" style="color: #FFE6E6; font-family: MS Sans Serif; font-weight: bold; font-size: 10pt; background-color: #860043" onClick="jumpto2('#')"><input type="button" name="Button2" class="thisclass" value=" Sample " onMouseOver="this.style.color='#990000'" onMouseOut="this.style.color='#FF9999'" onMouseDown="this.style.color='#FF9999'" style="color: #FFE6E6; font-family: MS Sans Serif; font-weight: bold; font-size: 10pt; background-color: #860043" onClick="jumpto2('#')"><input type="button" name="Button3" class="thisclass" value=" Sample " onMouseOver="this.style.color='#990000'" onMouseOut="this.style.color='#FF9999'" onMouseDown="this.style.color='#FF9999'" style="color: #FFE6E6; font-family: MS Sans Serif; font-weight: bold; font-size: 10pt; background-color: #860043" onClick="jumpto2('#')"><input type="button" name="Button4" class="thisclass" value=" Sample " onMouseOver="this.style.color='#990000'" onMouseOut="this.style.color='#FF9999'" onMouseDown="this.style.color='#FF9999'" style="color: #FFE6E6; font-family: MS Sans Serif; font-weight: bold; font-size: 10pt; background-color: #860043" onClick="jumpto2('#')">
<br>
&nbsp;&nbsp;<br>
<font face="Verdana,Arial,Helvetica" size="2"><b>
                    Tip:&nbsp; </b>To make all buttons same size, add spaces to
                    button<br>
                    text to equal the same number of characters on each.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font>
</form></td>
                </tr>
              </table>
              </center>
            </td>
          </tr>
          <tr>
            <td
            valign="top" align="left">
              <blockquote>
              <hr size="1" color="#8BA6CD">
              
              <b><font face="Verdana,Arial,Helvetica" size="2">Instructions:</font></b><font
              face="Verdana,Arial,Helvetica" size="2">&nbsp; </font><font
              face="Verdana,Arial,Helvetica" size="2" color="#537BB7">Repeat
          the steps below for each button.
              Click &quot;Generate Code&quot; after each button.&nbsp;Copy code
              below when you're finished with all.
              </font>
              </blockquote>
        <center>
              <form method="post" action="postbutton2.asp">
  <div align="center"><font size="2"><b> 
    <input type="hidden" name="stylestart" value="&lt;!--Buttons Generated at rnhckr.blogspot.in, Generator Copyright SearchBliss.com --&gt;
&lt;style&gt;

.thisclass{background-color:">
    <input type="hidden" name="styleend" value="}

&lt;/style&gt;">
    <input type="hidden" name="java" value="&lt;script language=&quot;javascript&quot;&gt;

function change(color){
var el=event.srcElement
if (el.tagName==&quot;INPUT&quot;&amp;&amp;el.type==&quot;button&quot;)
event.srcElement.style.backgroundColor=color
}

function jumpto2(url){
window.location=url
}

&lt;/script&gt;">
    <input type="hidden" name="formstart" value="&lt;form onMouseOver=&quot;change('">
    <input type="hidden" name="formend" value="')&quot;&gt;">
    <input type="hidden" name="formmid" value="')&quot; onMouseOut=&quot;change('">
    <input type="hidden" name="start" value="&lt;input type=&quot;button&quot; name=&quot;Button&quot; class=&quot;thisclass&quot; value=&quot;">
    <input type="hidden" name="mover" value="&quot; onMouseOver=&quot;this.style.color='">
    <input type="hidden" name="out" value="'&quot; onMouseOut=&quot;this.style.color='">
    <input type="hidden" name="down" value="'&quot; onMouseDown=&quot;this.style.color='">
    <input type="hidden" name="stcolor" value="'&quot; style=&quot;color:">
    </b></font> 
    <input type="hidden" name="font" value="; font-family:"><font size="2"><b> 
    <input type="hidden" name="fsize" value="; font-size:">
    </b></font> 
    <input type="hidden" name="fweight" value="; font-weight:">
    <input type="hidden" name="click" value=";&quot; onClick=&quot;jumpto2('">
    <input type="hidden" name="end" value="')&quot;&gt;">
    <input type="hidden" name="endform" value="&lt;/form&gt;">
        </center>
  <div align="center">
    <center>
  <table cellpadding="0" border="0" cellspacing="0">
 
 <tr>  
 <td  width="210" height="50" valign="middle" align="left"> 
  <p align="left">
  <b>
  <font size="2" face="Verdana,Arial,Helvetica">
  Button Text<br>
  </font>
  </b>
  <font size="2" face="Arial">
  <input type="text" name="bname" size="15" onFocus="this.form.bname.value=''" style="color: #006666; font-family: Arial; font-size: 10pt; background-color: #FFFFFF; border: 1 solid #003535">
  </font>
  </td>
 <td  width="210" height="50" valign="middle" align="left"> 
  <p align="right"><b><font size="2" face="Verdana,Arial,Helvetica">Button Color<br>
  </font>
          </b><font size="2" face="Arial"><select name="bcolor" STYLE="color: #006666; font-family: Arial; font-size: 10pt; background-color: #FFFFFF; border: 1 solid #003535" size="1">
              <option selected value="Select:">Select:</option>
              <option value="#000000">black</option>
              <option value="#9999FF">light blue</option>
              <option value="#0000FF">blue</option>
              <option value="#000099">dark blue</option>
              <option value="#FF9999">light red</option>
              <option value="#FF0000">red</option>
              <option value="#990000">dark red</option>
              <option value="#FFFFFF">white</option>
              <option value="#FFFF00">yellow</option>
              <option value="#99FF99">light green</option>
              <option value="#00FF00">green</option>
              <option value="#009900">dark green</option>
            </select></font>
  </td>
  </tr>
 
 <tr> 
 <td  width="210" height="50" valign="middle" align="left"> 
 <p align="left">
 <b>
 <font size="2" face="Verdana,Arial,Helvetica">
 URL<br>
 </font>
 </b>
 <font size="2" face="Verdana,Arial,Helvetica">
 <input type="text" name="link" size="25" onFocus="this.form.link.value=''" style="color: #006666; font-family: Arial; font-size: 10pt; background-color: #FFFFFF; border: 1 solid #003535">&nbsp;
 </font>
 </td>
 <td  width="210" height="50" valign="middle" align="left"> 
 <p align="right"> <b> <font size="2" face="Verdana,Arial,Helvetica"> Button Color On
          MouseOver<br>
 </font>
          </b><font size="2" face="Arial"> <select name="bchange" style="color: #006666; font-family: Arial; font-size: 10pt; background-color: #FFFFFF; border: 1 solid #000000" size="1">
              <option selected value="Select:">Select:</option>
              <option value="#000000">black</option>
              <option value="#9999FF">light blue</option>
              <option value="#0000FF">blue</option>
              <option value="#000099">dark blue</option>
              <option value="#FF9999">light red</option>
              <option value="#FF0000">red</option>
              <option value="#990000">dark red</option>
              <option value="#FFFFFF">white</option>
              <option value="#FFFF00">yellow</option>
              <option value="#99FF99">light green</option>
              <option value="#00FF00">green</option>
              <option value="#009900">dark green</option>
            </select></font>
 </td>
 </tr>
 
      <tr> 
        <td  width="210" height="50" valign="middle" align="left"> 
          <p align="left"> <b>  <font size="2" face="Verdana,Arial,Helvetica">  Font Type<br>
          </font>
          </b><font size="2" face="Verdana,Arial,Helvetica"> <select name="tfont" STYLE="color: #016766; font-family: Arial; font-size: 10pt; background-color: #FFFFFF; border: 1 solid #003535" size="1">
              <option value="Algerian">Algerian</option>
              <option value="Americana">Americana</option>
              <option value="Arial">Arial</option>
              <option value="BakerSignet">BakerSignet</option>
              <option value="Birch">Birch</option>
              <option value="Courier">Courier</option>
              <option value="Elephant">Elephant</option>
              <option value="Georgia">Georgia</option>
              <option value="Goudy">Goudy</option>
              <option value="Harrington">Harrington</option>
              <option value="Hobo">Hobo</option>
              <option value="Impact">Impact</option>
              <option value="Jokerman">Jokerman</option>
              <option value="Kaufmann">Kaufmann</option>
              <option value="Magneto">Magneto</option>
              <option value="Mistral">Mistral</option>
              <option value="Ravie">Ravie</option>
              <option selected value="Select:">Select:</option>
            </select>  &nbsp;</font>
        </td>
        <td  width="210" height="50" valign="middle" align="left"> 
          <p align="right"><b><font size="2" face="Verdana,Arial,Helvetica">Text Color<br>
          </font>
          </b><font face="Arial" size="2"><select name="tcolor" STYLE="color: #006666; font-family: Arial; font-size: 10pt; background-color: #FFFFFF; border: 1 solid #003535" size="1">
              <option selected value="Select:">Select:</option>
              <option value="#000000">black</option>
              <option value="#9999FF">light blue</option>
              <option value="#0000FF">blue</option>
              <option value="#000099">dark blue</option>
              <option value="#FF9999">light red</option>
              <option value="#FF0000">red</option>
              <option value="#990000">dark red</option>
              <option value="#FFFFFF">white</option>
              <option value="#FFFF00">yellow</option>
              <option value="#99FF99">light green</option>
              <option value="#00FF00">green</option>
              <option value="#009900">dark green</option>
            </select>
          </font>
        </td>
      </tr>
      <tr> 
        <td  width="210" height="50" valign="middle" align="left"> 
          <p align="left"><b> <font size="2" face="Verdana,Arial,Helvetica"> Font Size<br>
          </font>
          </b><font size="2" face="Verdana,Arial,Helvetica"><select name="tsize" STYLE="color: #006666; font-family: Arial; font-size: 10pt; background-color: #FFFFFF; border: 1 solid #003535" size="1">
              <option value="Select:" selected>Select:</option>
              <option value="10px">10</option>
              <option value="12px">12</option>
              <option value="14px">14</option>
              <option value="16px">16</option>
              <option value="18px">18</option>
            </select> &nbsp;</font>
        </td>
        <td  width="210" height="50" valign="middle" align="left"> 
          <p align="right"><b><font size="2" face="Verdana,Arial,Helvetica">Text Color On MouseOver<br>
          </font>
          </b><font face="Arial" size="2"><select name="overcolor" STYLE="color: #006666; font-family: Arial; font-size: 10pt; background-color: #FFFFFF; border: 1 solid #003535" size="1">
              <option selected value="Select:">Select:</option>
              <option value="#000000">black</option>
              <option value="#9999FF">light blue</option>
              <option value="#0000FF">blue</option>
              <option value="#000099">dark blue</option>
              <option value="#FF9999">light red</option>
              <option value="#FF0000">red</option>
              <option value="#990000">dark red</option>
              <option value="#FFFFFF">white</option>
              <option value="#FFFF00">yellow</option>
              <option value="#99FF99">light green</option>
              <option value="#00FF00">green</option>
              <option value="#009900">dark green</option>
            </select>
          </font>
        </td>
      </tr>
      <tr> 
        <td  width="210" height="50" valign="middle" align="left"> 
          <p align="left"><b> <font size="2" face="Verdana,Arial,Helvetica"> Font Weight<br>
          </font>
          </b><font size="2" face="Verdana,Arial,Helvetica"><select name="tweight" STYLE="color: #006666; font-family: Arial; font-size: 10pt; background-color: #FFFFFF; border: 1 solid #003535" size="1">
            <option selected>Select:</option>
              <option value="Regular">Regular</option>
              <option value="bold">Bold</option>
          </select> &nbsp;</font>
        </td>
        <td  width="210" height="50" valign="middle" align="left"> 
          <p align="right"><b><font size="2" face="Verdana,Arial,Helvetica">Text Color On 
			Click<br>
          </font>
          </b><font face="Arial" size="2"><select name="mdown" STYLE="color: #006666; font-family: Arial; font-size: 10pt; background-color: #FFFFFF; border: 1 solid #003535" size="1">
              <option value="#000000">black</option>
              <option value="#9999FF">light blue</option>
              <option value="#0000FF">blue</option>
              <option value="#000099">dark blue</option>
              <option value="#FF9999">light red</option>
              <option value="#FF0000">red</option>
              <option value="#990000">dark red</option>
              <option value="#FFFFFF">white</option>
              <option value="#FFFF00">yellow</option>
              <option value="#99FF99">light green</option>
              <option value="#00FF00">green</option>
              <option value="#009900">dark green</option>
              <option selected value="Select:">Select:</option>
            </select>
          </font>
        </td>
      </tr>
        <center>
      <tr> 
        <td  width="420" height="30" valign="middle" align="center" colspan="2"> 
          <p align="center"> 
            &nbsp;<br>
            <input type="button" value="Generate Code" onClick="MakeIt2(this.form);MakeIt(this.form);" name="button" style="color: #FFFFFF; font-family: Arial, Verdana, Helvetica; font-weight: bold; font-size: 8pt; background-color: #8BA6CD; border: 1 solid #000000"></td>
      </tr>
      <tr> 
        <td  width="420" height="30" colspan="2"> 
        </td>
      </tr>
    </table>
    </center>
    </div>
        </center>
        <div align="center">
          <center>
    <table width="420" cellpadding="10" cellspacing="0">
      <tr bgcolor="#006666"> 
        <td align="center" width="420" bgcolor="#FFFFFF" style="border: 1 outset #FFFFFF"> 
          <p align="center"><font color="#537BB7" face="Arial,Verdana,Helvetica" size="2"><br>
          </font>
          <font color="#537BB7" face="Arial,Verdana,Helvetica" size="2"><b>
          CODE #1 (Javascript)</b><br>
          Copy &amp; paste to your web page in HTML view anywhere<br>
          between the
          &lt; HEAD &gt; and &lt; /HTML &gt; tags.
          </font>
          </p>
          <p align="center"><font face="Arial,Verdana,Helvetica" size="2" color="#537BB7"><input type="button" name="Button" value="Highlight All" onClick="this.form.code.select();this.form.code.focus()" style="color: #577EB7; font-family: Arial; font-weight: bold; font-size: 12px; background-color: #FFFFFF; border: 1 solid #003535">
            <br>
            <textarea name="code" rows=10 cols=45></textarea>
            <br>
          <br>
          </font>
          </p>
          <hr color="#8BA6CD">
          <p align="center"><font face="Arial,Verdana,Helvetica" size="2" color="#537BB7"><b>CODE #2
          (HTML for all buttons generated)</b><br>
          Copy &amp; paste to your web page in HTML view between the<br>
          &lt; BODY &gt; and &lt; /BODY &gt; tags exactly where you'd<br>
          like the button(s) to appear.</font>
          </p>
          <p align="center"><font face="Arial,Verdana,Helvetica" size="2" color="#537BB7"><input type="button" name="Button2" value="Highlight All" onClick="this.form.code2.select();this.form.code2.focus()" style="color: #577EB7; font-family: Arial; font-weight: bold; font-size: 12px; background-color: #FFFFFF; border: 1 solid #003535"><br>
            <textarea name="code2" rows=7 cols=45></textarea>
          </font>
          </p>
          <p align="center"><font face="Arial,Verdana,Helvetica" color="#537BB7" size="1">Powered
          By:&nbsp; </font><a href="http://rnhckr.blogspot.in" target="_blank"><font face="Arial,Verdana,Helvetica" color="#537BB7" size="1">RN Hckr</font><font face="Arial,Verdana,Helvetica" size="2" color="#537BB7"><br>
          </font>
          </a><font face="Arial,Verdana,Helvetica" size="2" color="#537BB7">&nbsp;</font>
          </p>
        </td>
      </tr>
    </table>
    
          </center>
        </div>
    
  </div>
</form>
            </td>
          </tr>
        </table>
       </div>
</body>
</html>

